﻿@using Telerik.Web.Mvc.UI
@{
    ViewBag.Title = "NhapThietBiDon";
    Layout = "~/Views/Shared/Modules/_LayoutTacVuNhapLieu.cshtml";
}
<div class="top_row">
    <div class="top_left_col" style="height: auto !important;">
        <fieldset style="height: auto;">
            <legend>Thông tin chung</legend>
            <table border="0" width="100%" cellpadding="10px" cellspacing="10px">
                <tr>
                    <td style="width:15%; margin-left:15px; " class="label_col">Mã NCC</td>
                    <td style="width:30%;">
                    @(
 Html.Telerik().ComboBox()
                        .Name("MaNhaCungCap")
                        .BindTo((SelectList)ViewBag.NCC)
                        .AutoFill(true)
                        .HighlightFirstMatch(true)
                        .HtmlAttributes(new { @style = "width:100%; color:yellow;" })
                    )
                        @*<select style="width:100%;">
                            <option selected="selected">Chọn nhà cung cấp</option>
                            <option>IBM</option>
                            <option>HP</option>
                            <option>Oracel</option>
                            <option>DELL</option>
                            <option>Lenovo</option>
                            <option>Acer</option>
                        </select>*@
</td>
                    <td style="margin-left: 15px;" class="label_col">
                        Tên thiết bị
                    </td>
                    <td>
                        <input type="text" style="width: 95%" />
                    </td>
                </tr>
                <tr>
                    <td class="label_col" style="margin-left: 15px;">
                        Mã thiết bị
                    </td>
                    <td>
                        <input type="text" style="width: 95%" />
                    </td>
                    <td style="margin-left: 15px;" class="label_col">
                        Nguyên giá
                    </td>
                    <td>
                        <input type="text" style="width: 95%" />
                    </td>
                </tr>
                <tr>
                    <td style="margin-left: 15px;" class="label_col">
                        Trị giá hàng hóa
                    </td>
                    <td>
                        <input type="text" style="width: 95%" />
                    </td>
                    <td class="label_col" style="margin-left: 15px;">
                        Ngày mua
                    </td>
                    <td>
                        @(Html.Telerik().DatePicker()
                            .Name("Ngaymua")
                            .HtmlAttributes(new { @style = "width:100%;" })
                            .InputHtmlAttributes(new { @style = "width:100%;" })
                            )
                    </td>
                </tr>
                <tr>
                    <td style="margin-left: 15px;" class="label_col">
                        Số lượng
                    </td>
                    <td>
                        <input type="text" style="width: 95%" />
                    </td>
                    <td style="margin-left: 15px;" class="label_col">
                        Ngày sử dụng
                    </td>
                    <td>
                        @(Html.Telerik().DatePicker()
                            .Name("Ngaysudung")
                            .HtmlAttributes(new { @style = "width:100%;" })
                            .InputHtmlAttributes(new { @style = "width:100%;" })
                        )
                    </td>
                </tr>
                <tr>
                    <td style="margin-left: 15px;" class="label_col">
                        Thời hạn bảo hành
                    </td>
                    <td>
                        <select style="width: 100%;">
                            <option selected="selected">Chọn thời hạn</option>
                            <option>6</option>
                            <option>12</option>
                            <option>24</option>
                            <option>2 năm</option>
                        </select>
                    </td>
                    <td style="margin-left: 15px;" class="label_col">
                        Nước sản xuất
                    </td>
                    <td>
                        <select style="width: 100%;">
                            Chọn nước</option>
                            <option>Việt Nam</option>
                            <option>Mỹ</option>
                            <option>Nhật</option>
                            <option>Hàn Quốc</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td style="margin-left: 15px;" class="label_col">
                        Hãng sản xuất
                    </td>
                    <td>
                        @(Html.Telerik().ComboBox()
                                .Name("MaHangSanXuat")
                            .BindTo((SelectList)ViewBag.HangSanXuat)
                            .AutoFill(true)
                            .HighlightFirstMatch(true)
                            .HtmlAttributes(new { @style = "width:100%; color:yellow;" })
                        )
                    </td>
                    <td style="margin-left: 15px;" class="label_col">
                        Đơn vị
                    </td>
                    <td>
                        <select style="width: 100%;">
                            Chọn đơn vị</option>
                            <option>Ban giám đốc</option>
                            <option>Phòng điều hành</option>
                            <option>Phòng phát triển</option>
                            <option>Phòng mạng - viễn thông</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td style="margin-left: 15px;" class="label_col">
                        Ghi chú
                    </td>
                    <td colspan="3">
                        <textarea rows="5" cols="120"></textarea>
                    </td>
                </tr>
            </table>
        </fieldset>
    </div>
</div>
<div style="width: 100%; height: auto; text-align: center;">
        <input type="button" value="Lưu" class="button" />&nbsp;
        <input type="button" value="Lưu và nhập mới" class="button" />&nbsp;
        <input type="reset" value="Nhập lại" class="button" />&nbsp;
        @Html.ActionLink("Thoát", "Index", null, new { @class = "button" })
    </div>
<style type="text/css">
    .top_row
    {
        width: 100%;
        position: relative;
        display: block;
        height: 350px;
    }
    
    .bottom_row
    {
        width: 100%;
        position: relative;
        display: block;
        height: 400px;
    }
    .top_right_col
    {
        width: 35%;
        position: relative;
        height: 100%;
        display: inline;
        float: right;
    }
    
    .top_left_col
    {
        width: 100%;
        position: relative;
        height: 100%;
        display: inline;
        float: left;
    }
    .bottom_right_col
    {
        width: 25%;
        position: relative;
        height: 100%;
        display: inline;
        float: right;
    }
    .bottom_left_col
    {
        width: auto;
        position: relative;
        height: 100%;
        display: inline;
        float: right;
    }
    fieldset
    {
        height: 85%;
        line-height: 38px;
    }
    .label_col
    {
        font-weight: bold;
        text-align: right;
        font-style: italic;
        margin-right: 5px;
        color: Black;
    }
    legend
    {
        color:Black;
        font-weight:bold;
    }
</style>
